<script setup lang="ts"></script>

<template>
  <div class="container">
    <div class="grid grid-cols-12 gap-6 text-left">
      <div
        class="col-span-12 sm:col-span-12 md:col-span-8 border p-4 mx-4 md:mx-0"
      >
        <div class="font-semibold from-neutral-950 mb-4">接入系统</div>
        <div
          class="grid col-span-8 grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6"
        >
          <div
            v-for="item in 9"
            :key="item"
            class="col-span-1 border aspect-square rounded-14 flex justify-center items-center py-3 cursor-pointer hover:bg-current"
          >
            <div class="flex flex-col items-center w-full">
              <div class="border w-1/2 aspect-square"></div>
              <div class="pt-2">OA系统{{ item }}</div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="col-span-12 sm:col-span-12 md:col-span-4 border p-4 mx-4 md:mx-0"
      >
        <div class="font-semibold from-neutral-950 mb-4">企业文化</div>
        <div class="p-show">公司倡导的工作理念和方法</div>
        <div class="p-show">“专业、高效、开放、共享”的工作氛围</div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
